<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <style>
		html,body{
		    height: auto;
		}
		#main{
		    padding: 0.8em 0.6em; color: #4c4c4c;
		}
		#main h1{
		    font-size: 1.25em;
		}
		#main label{
		    font-size: 0.8em; color: #4c4c4c; padding: 0.8em 0;
		    border-bottom: 1px solid #d9d9d9; display: block;
		    margin-bottom: 0.7em;
		}
		#main img{
		    width: 100%; margin-bottom: 0.5em;
		}
		#main p{
		    font-size: 1.1em; line-height: 1.6; margin-bottom: 1.25em;
		}
		#summary{
		    background-color: #e6e6e6; padding: 10px; border-radius: 6px;
		    margin-bottom: 0.7em; font-size: 0.8em; line-height: 1.6;
		}
		#summary:before{
		    content: "摘要"; display: inline-block; padding: 2px 6px; 
		    background-color: #40aa53; color: #fff; margin-right: 1em;
		    border-radius: 4px;
		}
		#content{
			word-break: break-all; word-wrap:break-word;	/* 自动换行 */
		}
    </style>
</head>
<body tapmode="" onclick="closeInputField()">
    <div id="wrap">
        <div id="main">
                <!--h1>数据库要变天！阿里 OceanBase 五年破茧为蝶</h1>
                <label>oschina
	                <em> 2015年03月29日</em>
                </label>
                <div id="summary">
                	之前我一篇文章预测阿里、百度、腾讯未来将是IT硬件厂商的最大对手，今天看到一则消息，淘宝顶级科学家阳振坤微博号@阿里正祥 ，发出一则消息。“从上周五开始，淘宝/天猫/聚划算在支付宝上的交易，100%都在OceanBase上了。你可能没有什么感觉。”
            	</div>
            	<div id="content">
            		<p>可 以想象马云当时是多么火大，你收我那么多钱，跟我阿里的理念完全相反啊。我成本无限高，我怎么服务中小企业!必须上马。@阿里正祥表示：目前 OceanBase做到了商业数据库成本的一半以下，这得益于OceanBase不再需要昂贵的共享存储、高可靠的服务器、数据库软件的许可费。 OceanBase还有很大的性能提升空间和成本降低空间。</p>
            	</div-->
        	
        </div>
    </div>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script>
var imageUrls = [];

apiready = function () {
	api.showProgress({
	    style: 'default',
	    animationType: 'fade',
	    modal: false
	});

	var pageParam = api.pageParam;
	var html = '<h1>'+pageParam.title+'</h1><label>'+pageParam.author+'&nbsp;&nbsp;&nbsp;&nbsp;<em>'+pageParam.pubdate+'</em></label>';
	var htmlImg = '';
	var url = OpenAPI.read + pageParam.tid

	api.ajax({
	    url: url,
	    method: 'get',
	    timeout: 30,
	    dataType: 'text',
	    charset: 'gbk',
	    returnAll:false,
	},function(ret,err){
	    if (ret) {

			//ret = htmlcompress(ret);	// 压缩html
			var  mcontent = ret.match(/<div class="tpc_content"\s*>(.+)<\/div>/);
			var content = mcontent[1];	// 内容
			content = content.replace(/<div class="tips" style="width:auto;">.*<\/div><div class="c">.*<\/div>/, '');	// 去掉版主提示
			content = content.replace(/<a[^>]*>/g, '');	// 去掉 <a> 标签
			content = content.replace(/<\/a>/g, '');
			content = content.replace(/(disabled|onclick)=/g, 'delete=');	//  disabled|onclick 替换换成 delete
			content = content.replace(/input type='image'/g, 'img');	// input 替换成 img
			
			// 图片浏览处理
			var img_index = 0;
			content.replace(/<img.*?src=\'(.*?)\'[^>]*>/ig, function(a, b) {
				imageUrls.push(b);
				content = content.replace(a, "<img onclick='imageBrowser("+img_index+")' src='"+b+"' />");
			    img_index++;
			});

			html = html + '<div id="content">' +content+'</div>';
			$api.html($api.byId('main'), html);

	    }else {
			api.toast({
			    msg: '获取失败',
			    duration:2000,
			    location: 'middle'
			});
	    };
	    api.hideProgress();
	});
}


// 浏览图片
function imageBrowser(index){
	if("undefined" == typeof index){
		index = 0;
	}
	var obj = api.require('imageBrowser');
	obj.openImages({
	    imageUrls: imageUrls,
	    showList:false,
	    activeIndex:index
	});
}

// 关闭 inputField 输入框
function closeInputField(){
	api.execScript({
	    name: 'win_topic',
	    script: 'closeInputField();'
	});
}
</script>
</body>
</html>